<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>360详情</title>
	<link rel="stylesheet" href="css/details.css">
	<link rel="icon" href="images/favicon.ico">
</head>
<body>
	<div class="top-warp">
		<div class="top-main">
			<ul>
				<li class="top-item-l"><a href="">帮助中心</a></li>
				<li class="top-item-l"><a href="">收藏本站</a></li>
				<li class="top-item-r"><a href=""><i></i>手机360商城</a></li>
				<li class="top-item-r"><a href="">我的订单</a></li>
				<li class="top-item-r"><a href="">注册</a></li>
				<li class="top-item-r"><a href="">登陆</a></li>
			</ul>
		</div>
	</div>

	<!-- head-logo部分 -->
	<div class="head-warp">
		<div class="head-main">
			<div class="logo-img">
				<a href="index.html"><img src="images/logo.png"></a>
			</div>
			<div class="search">
				<form action="" class="search-item">
					<input type="text" class="search-txt">
					<input type="submit" value="搜索" class="search-btn">
				</form>
				<ul>
					<li><a href="">N7</a></li>
					<li><a href="">儿童手表</a></li>
					<li><a href="">N6</a></li>
					<li><a href="">行车记录仪</a></li>
					<li><a href="">摄像机夜视版</a></li>
				</ul>
			</div>
			<div class="head-cart">
				<a href="">
					<i class="icon"></i>
					<span>我的购物车</span>
				</a>
			</div>
			<div class=""></div>
		</div>
	</div>

	<!-- 菜单部分 -->
	<div class="nav-warp">
		<div class="nav-main">

			<a href="">
				<div class="nav-main-l">
					全部智能酷品
				</div>
			</a>
			
			<ul>
				<li><a href="">手机</a></li>
				<li><a href="">行车记录仪</a></li>
				<li><a href="">儿童手表</a></li>
				<li><a href="">摄像机</a></li>
				<li><a href="">路由器</a></li>
				<li><a href="">社区</a></li>
				<li><a href="">扫地机器人</a></li>
			</ul>
			
		</div>
	</div>

	<!-- 商品详情 -->
	<div class="bigbox">
		<div class="spacebox">
			<!-- 手机详情图 -->
			<div class="details-img">
				<img src="images/details-big.jpg" alt="">
				<!-- 多方位小图 -->
				<div class="img-b">
					<div class="i-img">
						<a href="">
							<img src="images/i-img1.jpg" alt="">
						</a>
					</div>
					<div class="i-img">
						<a href="">
							<img src="images/i-img2.jpg" alt="">
						</a>
					</div>
					<div class="i-img">
						<a href="">
							<img src="images/i-img3.jpg" alt="">
						</a>
					</div>
					<div class="i-img">
						<a href="">
							<img src="images/i-img4.jpg" alt="">
						</a>
					</div>
					<div class="i-img">
						<a href=""><img src="images/i-img5.jpg" alt="">
						</a>
					</div>
				</div>
				<div class="favorbox">收藏
				</div>
			</div>
			
			<!-- 手机详情标题 -->
			<div class="describe-box">
					<div class="describe">
						<strong>360手机 N7 全网通 6GB+64GB 石墨黑色 移动联通电信4G手机 双卡双待 全面屏 游戏手机
						</strong>
						<p>【】5.99英寸全面屏/全金属机身/5030mAh大电池/1600万后置双摄/骁龙660
							<a href="">
								<span>360品牌狂欢！N74+32G特别版/月岩白新品抢购开启！详情猛戳>>>
								</span>
							</a>
						</p>
					</div>
						
						<!-- 价格版本选择 -->
					<div class="choose">
						<div class="price">
							<span>
								<i>￥</i>1699.00
							</span>
						</div>

						<div class="delive">
							<span>配送至</span>
							<div class="address">
								<select name="address">
									<option value="1">上海市  静安区
									</option>
									<option value="2">上海市  浦东区
									</option>
									<option value="3">上海市  徐汇区
									</option>
									<option value="4">上海市  宝山区
									</option>
									<option value="5">上海市  普陀区
									</option>
								</select>
							</div>
						</div>

						<div class="item">
							<div class="cate">
								<span>
									颜 &nbsp;&nbsp; 色
								</span>
								<ul>
									<li>
										<a href="">			月岩白
										</a>
									</li>
									
									<li>
										<a href="">			石墨黑
										</a>
									</li>
								</ul>
							</div>

							<div class="type">
								<span>
									型 &nbsp;&nbsp; 号
								</span>
								<ul>
									<li>
										<a href="">			裸机版
										</a>
									</li>
									<li>
										<a href="">			保护套装
										</a>
									</li>
									<li>
										<a href="">			保险套装
										</a>
									</li>
									<li>
										<a href="">			音乐套装
										</a>
									</li>
								</ul>
							</div>

							<div class="edition">
								<span>
									版 &nbsp;&nbsp; 本
								</span>
								<ul>
									<li>
										<a href="">			4+32G
										</a>
									</li>
									<li>
										<a href="">			6+64G
										</a>
									</li>
									<li>
										<a href="">			6+128G
										</a>
									</li>
								</ul>
							</div>
							<div class="num">
								<span>
									数 &nbsp;&nbsp; 量
								</span>
							

								<i>
									<a href="" class="minus">-
									</a>

									<input type="text" value="1" class="num-input">

									<a href="" class="add">+
									</a>			
								</i>
							</div>

							<div class="csr">
								<span>联系客服</span>
								<a href="" class="kf"></a>
							</div>

							<div class="button-box">
								<div class=submit>
									<i>
										<img src="images/cart.png" alt="">
									</i>
									<input type="submit" value="加入购物车">
								</div>
							</div>

							<div class="txt">
								<span>保 &nbsp;&nbsp;障
								</span>
								<dl>
									<dt>
										<b>&#xe600;</b> 满99包邮
									</dt>
									<dt>
										<b>&#xe691;</b> 7天无理由退货
									</dt>
									<dt>
										<b>&#xe636;</b> 15天质量问题换货
									</dt>
								</dl>
							</div>
						</div>
					</div>
			</div>
		</div>
		<!-- 看了又看,评论大盒子 -->
		<div class="details">
			<!-- 看了又看侧边栏 -->
			<div class="look">
				<h3>看了又看</h3>
				<ul>
					<li>
						<img src="images/look1.jpg" alt="">
						<a href="">
							<p class="price">￥33.90</p>
							<p>三利 纯棉A类标准简约素雅大浴巾 70×140cm 男女同款 柔软舒适吸水裹身巾 豆绿
							</p>
						</a>
					</li>
					<li>
						<img src="images/look2.jpg" alt="">
						<a href="">
							<p class="price">￥319.00</p>
							<p>360行车记录仪后视镜版 M302 高清夜视 前后双录 倒车影像 停车监控 wifi连接 APP管理 手势识别 黑色
							</p>
						</a>
					</li>
					<li>
						<img src="images/look3.jpg" alt="">
						<a href="">
							<p class="price">￥1299.00</p>
							<p>360手机 N7 全网通 4GB+32GB 石墨黑色 移通电信4G手动联机 双卡双待 全面屏 游戏手机
							</p>
						</a>
					</li>
					<li>
						<img src="images/look4.jpg" alt="">
						<a href="">
							<p class="price">￥1999.00</p>
							<p>360手机 N7 全网通 6GB+128GB 月岩白色 移动联通电信4G手机 双卡双待 全面屏 游戏手机
							</p>
						</a>
					</li>
					<li>
						<img src="images/look5.jpg" alt="">
						<a href="">
							<p class="price">￥1899.00</p>
							<p>360手机 N7 全网通 6GB+128GB 石墨黑色 移动联通电信4G手机 双卡双待 全面屏 游戏手机
							</p>
						</a>
					</li>
					<li>
						<img src="images/look6.jpg" alt="">
						<a href="">
							<p class="price">￥1099.00</p>
							<p>【音乐套装】360手机 N6 全网通 4GB+64GB 燧石黑色 移动联通电信4G手机 双卡双待
							</p>
						</a>
					</li>
				</ul>
			</div>
			<!-- 评论大盒子 -->
			<div  class="details-r">
				<div class="comment-title">
					商品评价
				</div>
				<div class="comment">
					<div class="comment-top">
						<div class="stars">
						<img src="images/five-stars.png" alt="">
						</div>
						<div class="name">
						zz1***2
						</div>
					</div>
					<p>第一次充电有点发烫，后面就好些了。手机运行流畅，屏幕看起来也不错，暂时没有发现什么不足。
					</p>
					<b>2018-06-09 20:14:55</b>
					
				</div>
				<div class="comment">
					<div class="comment-top">
						<div class="stars">
						<img src="images/five-stars.png" alt="">
						</div>
						<div class="name">
						zz1***2
						</div>
					</div>
					<p>第一次充电有点发烫，后面就好些了。手机运行流畅，屏幕看起来也不错，暂时没有发现什么不足。
					</p>
					<b>2018-06-09 20:14:55</b>
					
				</div>

				<div class="comment">
					<div class="comment-top">
						<div class="stars">
						<img src="images/five-stars.png" alt="">
						</div>
						<div class="name">
						zz1***2
						</div>
					</div>
					<p>第一次充电有点发烫，后面就好些了。手机运行流畅，屏幕看起来也不错，暂时没有发现什么不足。
					</p>
					<b>2018-06-09 20:14:55</b>
					
				</div>
				<div class="comment">
					<div class="comment-top">
						<div class="stars">
						<img src="images/five-stars.png" alt="">
						</div>
						<div class="name">
						zz1***2
						</div>
					</div>
					<p>第一次充电有点发烫，后面就好些了。手机运行流畅，屏幕看起来也不错，暂时没有发现什么不足。
					</p>
					<b>2018-06-09 20:14:55</b>
					
				</div>

				<div class="comment">
					<div class="comment-top">
						<div class="stars">
						<img src="images/five-stars.png" alt="">
						</div>
						<div class="name">
						zz1***2
						</div>
					</div>
					<p>第一次充电有点发烫，后面就好些了。手机运行流畅，屏幕看起来也不错，暂时没有发现什么不足。
					</p>
					<b>2018-06-09 20:14:55</b>
					
				</div>

				<div class="comment">
					<div class="comment-top">
						<div class="stars">
						<img src="images/five-stars.png" alt="">
						</div>
						<div class="name">
						zz1***2
						</div>
					</div>
					<p>第一次充电有点发烫，后面就好些了。手机运行流畅，屏幕看起来也不错，暂时没有发现什么不足。
					</p>
					<b>2018-06-09 20:14:55</b>
					
				</div>

	
			</div>
			
		</div>
	</div>
	
<!-- 底部 -->
	<div class="mod-footer">
		<div class="foot-banner">
			<div class="foot-item">
				<div class="icon7"><i>&#xe691;</i>
				&nbsp;7天无理由退货
				</div>
				<div class="icon7"><i>&#xe636;</i>
				&nbsp;质量问题15天包换
				</div>
				<div class="icon7"><i>&#xe600;</i>
				&nbsp;满99元包邮
				</div>
			</div>
		</div>
		<div class="foot-help">
			<div class="foot-help-main">
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="">用户登录与密码找回</a></dd>
					<dd><a href="">用户注册协议</a></dd>
					<dd><a href="">购买指南</a></dd>
					<dd><a href="">支付方式</a></dd>
					<dd><a href="">赠送与说明</a></dd>
					<dd><a href="">用户注销</a></dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd><a href="">7日无理由退货</a></dd>
					<dd><a href="">质量问题15日内换货</a></dd>
					<dd><a href="">保修条款</a></dd>
					<dd><a href="">售后服务运费规则</a></dd>
				</dl>
				<dl>
					<dt>联系我们</dt>
					<dd><span>400-6822-360</span></dd>
					<dd>周一至周五9:00-18:00</dd>
					<dd><span>400-0111-366 <i>（手机类产品）</i></span></dd>
					<dd>周一至周日 9:00-21:00</dd>
					<dd>（仅收市话费）</dd>
				</dl>
				<dl>
					<dd><img src="images/ewm.png"></dd>
				</dl>
			</div>

		</div>
		<div class="copyright">
			<p>360商城©2013-2018 360公司版权所有 京ICP备17017089号 京公网安备11000002000006号</p>
		</div>
	</div>
</body>
</html>